<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    	<link rel="icon" type="image/png" href="img/favicon.png" sizes="16x16">
		<title>阿噹共享汽车-地勤车况系统</title>
		<link rel="stylesheet" href="libs/wuui/weui.min.css" />
		<style type="text/css">
		.page.pg-top{
			padding-top: 50px;
		}
		.page.pg-bottom{
			padding-bottom: 50px;
		}
		header {
			width: 100%;
			height: 50px;
			background: #01ace9;
			position: fixed;
			top: 0;
			z-index: 3;
		}
		header .back:before {
			content: " ";
			display: inline-block;
			height: 10px;
			width: 10px;
			border-width: 0 0 2px 2px;
			border-color: #fff;
			border-style: solid;
			-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
			transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		}
		
		header a.placeholder {
			display: block;
			padding: 0 20px
		}
		
		header .placeholder {
			margin: 0;
			height: 50px;
			line-height: 50px;
			background: none;
			font-size: 16px;
			color: #fff;
		}
		.prefile .weui-cells{
			margin-top: 0;
			font-size:14px;
		}
		</style>
	</head>

	<body ontouchstart>
		
		<header>
			<div class="weui-flex">
				<div>
					<a href="javascript:history.go(-1);" class="placeholder back">返回</a>
				</div>
			</div>
		</header>
		
		<div class="page pg-top pg-bottom prefile">
			<div class="weui-cells">
	            <div class="weui-cell">
	                <div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
	                    <img src="img/favicon.png" style="width: 50px;display: block"/>
	                </div>
	                <div class="weui-cell__bd">
	                    <p id="userName"></p>
	                    <p id="userMobile" style="font-size: 13px;color: #888888;"></p>
	                </div>
	            </div>
	            <a class="weui-cell weui-cell_access" href="my_uploader.html">
	                <div class="weui-cell__bd">
	                    <span style="vertical-align: middle">我的上传</span>
	                </div>
	                <div class="weui-cell__ft"></div>
	            </a>
	            <a class="weui-cell weui-cell_access" href="update_password.html">
	                <div class="weui-cell__bd">
	                    <span style="vertical-align: middle">修改密码</span>
	                </div>
	                <div class="weui-cell__ft"></div>
	            </a>
	            <a class="weui-cell weui-cell_access" href="javascript:;" id="logout">
	               <div class="weui-cell__bd" style="display: flex; flex-direction: row;justify-content: center;">
	                    <span style="vertical-align: middle">退出登陆</span>
	                </div>
	            </a>
	        </div>
		</div>
		
		<script type="text/javascript" src="libs/jquery-2.2.3.min.js" charset="UTF-8"></script>
		<!--weui.js需要在body里面加载才起作用-->
		<script type="text/javascript" src="libs/weui.js/weui.min.js" charset="UTF-8"></script>
		<script type="text/javascript" src="js/app.js" charset="UTF-8"></script>
		<script type="text/javascript">
		$(function(){
			var $logout = $('#logout'),
				user = app.getJSONSessionStorage('user');
			if(null == user) {
				window.location.replace('login.html');
			}
			$('#userName').html(user.realname) ;
			$('#userMobile').html(user.mobile);
			$logout.click(function() {
				window.sessionStorage.clear();
				window.location.href = 'login.html' ;
			});
		});
		</script>
	</body>

</html>